<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <script src="js/jquery-1.8.3.min.js"></script>
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.js"></script>
        <script src="js/scrollReveal.js"></script>
        <script src="js/main.js"></script>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/callus.css">
</head>
<body>
        <nav class="navbar navbar-default">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class=" hidden-xs hidden-sm" href=""><img  src="img/logonew.png" alt=""></a>
                        <a class="navbar-brand hidden-lg hidden-md" href="#"><img src="img/logonewsmall.png" alt=""></a> 
        
                        <!-- <a class="navbar-brand" href="#"></a> -->
                    </div>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                                <li><a href="main.html">首页</a></li>
                                <li><a href="about.html">关于我们</a></li>
                                <li><a href="service.html">服务范围</a></li>
                                <li><a href="example.html">案列</a></li>
                                <li><a href="callus.html">联系我们</a></li>
                        </ul>
        
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#">登录</a></li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                </div><!-- /.container-fluid -->
            </nav>
            <div class="container-fuild callus_img">
                    <img src="img/banner1_new.jpg" alt="">
            </div>
            <div class="jumbotron" data-scroll-reveal="enter left after 0.2s">
                    <h1 class="text-center" data-scroll-reveal="enter left after 0.2s" style="font-family:Charter;">CONTACT
                    </h1>
                    <div class="container">
                      <div class="row">
                        <div class="col-xs-12 col-md-4" data-scroll-reveal="enter left after 0.2s">
                            <p class="adress"> Add: <span>北京市朝阳区四惠桥南甲一号伊莎文心广场A座5层</span> </p>
                            <p class="adress"> Tel: <span>0571-87203952</span> </p>
                        </div>
                        <div class="col-xs-12 col-md-4" data-scroll-reveal="enter top over 0.5s after 0.2s">
                         
                                <p class="adress"> Add: <span>北京市朝阳区四惠桥南甲一号伊莎文心广场A座5层</span> </p>
                                <p class="adress"> Tel: <span>0571-87203952</span> </p>
                        </div>
                        <div class="col-xs-12 col-md-4" data-scroll-reveal="enter bottom after 0.2s">
                         
                                <p class="adress"> Add: <span>北京市朝阳区四惠桥南甲一号伊莎文心广场A座5层</span> </p>
                                <p class="adress"> Tel: <span>0571-87203952</span> </p>
                        </div>
                      </div>
                    </div>
                  </div>

                  
                
                
                  <div class="container-fuild foot">
                      <div class="container">
                        <div class="row">
                          <div class="col-md-4 erweima">
                            <div class="col-md-4 col-sm-2 " >
                              <p class="text-center"><img src="img/erweima.png" alt=""></p>
                              <p class="text-center erweima_text">关注Design设计公众平台</p>
                            </div>
                            <div class="col-md-2 hidden-xs" >
                            </div>
                            <div class="col-md-6 col-sm-2 dizhi" >
                              <p class="hidden-xs"><img src="img/logohui.png" alt=""></p>
                              <p class=" erweima_text hidden-xs">Design设计</p>
                              <p class=" erweima_text hidden-xs">重庆市沙坪区</p>
                              <p class=" erweima_text hidden-xs">TEL：68629999</p>
                              <p class=" erweima_text hidden-xs"> QQ：1195223069</p>
                  
                            </div>
                          </div>
                          <div class="col-md-6 hidden-xs">
                              <div class="col-md-2 col-sm-2 hidden-xs ">
                                <dl class="foot_list" >
                                  <dt class ="text-center"> <a href="">案列</a> </dt>
                                  <dd class ="text-center"><a href="">品牌策划</a></dd>
                                  <dd class ="text-center"><a href="">品牌设计</a></dd>
                                  <dd class ="text-center"><a href="">商业空间</a></dd>
                                </dl>
                              </div>
                              <div class="col-md-2  col-sm-2 hidden-xs ">
                                <dl class="foot_list" >
                                  <dt class ="text-center"><a href="">关于</a> </dt>
                                  <dd class ="text-center"><a href="">设计是谁</a></dd>
                                  <dd class ="text-center"><a href="">合作须知</a></dd>
                                  <dd class ="text-center"><a href="">商业空间</a></dd>
                                </dl>
                              </div>
                              <div class="col-md-2 col-sm-2 hidden-xs ">
                                <dl class="foot_list" >
                                  <dt class ="text-center"><a href="">服务</a></dt>
                                  <dd class ="text-center"><a href="">服务范围</a></dd>
                                  <dd class ="text-center"><a href="">服务咨询</a></dd>
                                  <dd class ="text-center"><a href="">服务内容</a></dd>
                                </dl>
                              </div>
                              <div class="col-md-2 col-sm-2 hidden-xs ">
                                <dl class="foot_list" >
                                  <dt class ="text-center"><a href="">联系</a></dt>
                                  <dd class ="text-center"><a href="">位置地图</a></dd>
                                  <dd class ="text-center"><a href="">联系方式</a></dd>
                                  <dd class ="text-center"><a href="">加入我们</a></dd>
                                </dl>
                              </div>
                          </div>
                          <div class="col-md-2 col-sm-12">
                              <p class ="hidden-sm hidden-xs">本网站设计、源代码及其中所展示之作品著作权</p>
                              <p class ="hidden-sm  hidden-xs">均属于Design品牌设计，</p>
                              <p class ="hidden-sm hidden-xs">保留所有权利。</p>
                            <p class ="text-center hidden-md hidden-lg">本网站设计、源代码及其中所展示之作品著作权</p>
                            <p class ="text-center hidden-md hidden-lg">均属于Design品牌设计，</p>
                            <p class ="text-center hidden-md hidden-lg">保留所有权利。</p>
                          </div>
                        </div>
                      </div>
                      <br>
                      <p class="text-center" style="margin-bottom:0px">Copyright © 2019.Company name All rights reserved.</p>
                    </div>
                  
                
            <a href="" class="cd-top"></a>
            <script>
                    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
                      (function () {
                        window.scrollReveal = new scrollReveal({
                          reset: true
                        });
                      })();
                    };
                  </script>
</body>
</html>